var objArray=new Array();
var idProducto=0;
$(function(){
	$(".btnEdit").click(function(){
		modificar(idProducto);
	}).button({
		icons: {
			primary: "ui-icon-circle-plus"
		}
	});

	$(".btnAsignar").click(function(){

	}).button({
		icons: {
			primary: "ui-icon-circle-plus"
		}
	});
	$("#selectable").selectable();

	$("#selectable").selectable({
		selected: function(event,ui){
			var liSelect=$(this).find('.ui-selected');
			var id=liSelect.attr("id");
			objArray=new Array();
			objArray={
				id: liSelect.find('#id' + id).val(),
				tipo: liSelect.find('#tipo' + id).val(),
				nombre: liSelect.find('#nombre' + id).val(),
				descripcion: liSelect.find('#descripcion' + id).val(),
				precioUnitario: liSelect.find('#precioUnitario' + id).val(),
				precioConjunto: liSelect.find('#precioConjunto' + id).val(),
				estado: liSelect.find('#estado' + id).val(),
				nombreFoto: liSelect.find('#nombreFoto' + id).val(),
				rutaFoto: liSelect.find('#rutaFoto' + id).val(),
				codigoFoto: liSelect.find('#codigoFoto' + id).val()
			};
			/*
			 * var btnAsginar=$( ".btnAsignar" ); alert(btnAsginar);
			 * alert(btnAsginar.attr("disabled")); alert(objArray.tipo);
			 * alert(objArray.tipo == 3); alert(objArray.tipo == '3');
			 * if(objArray.tipo == 3){ btnAsginar.attr("disabled","disabled");
			 * }else{ btnAsginar.attr("disabled",""); }
			 */
			idProducto=id;
			var pnlProducto=$("#pnlProducto");

			var divImg=pnlProducto.find("#pnlimg");

			divImg.html("");

			var img=baseURL + objArray.rutaFoto;
			divImg.html("<img height='285px' alt='" + objArray.codigoFoto + "' src='" + img + "'>");

			var lblNombre=pnlProducto.find("#lblNombre");
			lblNombre.text(objArray.nombre);

			var pdescripcion=pnlProducto.find("#pdescripcion");
			pdescripcion.text(objArray.descripcion);

			var pEstado=pnlProducto.find("#pEstado");
			pEstado.text(objArray.estado);

		}
	});

});

function modificar(idP){
	$.get(baseURL + "/mantenimiento/modificarProducto/" + idP,function(pagina){
		$("#dialog-nuevoProducto").html(pagina);
		$("#dialog-nuevoProducto").dialog("open");
		$("#dialog-nuevoProducto").dialog({title:"Modificar Producto"});
		var w = $("#width",$("#dialog-nuevoProducto")).val();
		var h = $("#height",$("#dialog-nuevoProducto")).val();
		
		var formulario=$("#revisarproducto");
		formulario.validate({
			rules: {
				"nombre": "required",
				"precioConjunto": {
					required: true,
					digits: true
				},
				"idtipo.id": {
					min: 1
				},
				"precioUnitario": {
					required: true,
					digits: true
				}
			},
			messages: {
				"nombre": "Ingrese un nombre ",
				"precioConjunto": "Ingrese un Precio por Conjunto",
				"precioConjunto": {
					required: "Ingrese el Precio ",
					digits: "Solo Numero"
				},
				"idtipo.id": "Seleccione un tipo ",
				"precioUnitario": {
					required: "Ingrese el Precio ",
					digits: "Solo Numero"
				}
			},
			submitHandler: function(form){
				$.post(form.action,$(form).serialize(),function(resp){
					try{
					if(resp == 1){
						mensajeOK(" Producto guardado correctamente  ");
						$("#dialog-nuevoProducto").dialog("close");

					}else{
						error(" Ocurrio un error intente nuevamente  ");
					}
					}catch(e){
						alert(e.message);
					}
				});
			}
		});
		$( "div.droptrue" ).sortable({
			connectWith: "div",
			receive: function(event,ui){
				var div = ui.item;
				var hidden = div.find("input");
				hidden.attr("id","idDisponibles");
				hidden.attr("name","idDisponibles");	
			}
		});

		$( "div.dropfalse" ).sortable({
			connectWith: "div",
			dropOnEmpty: false,
			receive: function(event,ui){
				var div = ui.item;
				var hidden = div.find("input");
				hidden.attr("id","idAsignados");
				hidden.attr("name","idAsignados");	
			}
		});
		
		$( "#sortable1, #sortable2" ).disableSelection();
		$(".guardar").click(function(){
				
			try{
				 formulario.submit();				    
			}catch(e){
				//alert(e.message);
			}	
		}).button({
			icons: {
				primary: "ui-icon-circle-plus"
			}
		});

		$("#fileData").button();

		new AjaxUpload($("#fileData"),{
			action: baseURL + "mantenimiento/subirImagen",
			name: "archivoSubir",
			onComplete: completeImagen
		});
		
		$('#cropbox').Jcrop({ setSelect: [0,0,w,h],onSelect: updateCoords, boxHeight: 380 , minSize: [ 200, 200 ], maxSize: [ 380, 380 ] });

	});
}
